<template>
	<view class="flex">
		
		<image @click.stop="showTips = true" v-for="item in requireList" v-show="requireInfo.includes(String(item.key))"
			:src="item.src" class="logo">
		<!-- 展示报关 -->
		<u-popup :show="showTips" mode="center" @close="showTips = false" round="20rpx" :closeable="true">
			<view class="icon-wrapperxxxxx">
				<view class="icon" v-for="item in requireList" :key="index">
					<image :src="item.src" class="loxxgo" />
					<text>{{ item.name }}</text>
				</view>
			</view>
		</u-popup>
		</image>
		
		<image
			v-show="isLoad == 1"
			src="@/static/icon/home.png"
			class="logo"
			>
		</image>
		<image
			v-show="isStock == 1"
			src="@/static/icon/cart.png"
			class="logo"
			>
		</image>
	</view>
</template>

<script>
export default {
	props: ["requireInfo", "isLoad", "isStock"],
	data() {
		return {
			showTips: false,
			// YUNSHU = 1, //{{$t('运输')}}
			// BAOGUAN = 2, //{{$t('报关')}}
			// ZHUANGUAN = 3, //{{$t('转关')}}
			// QINGGUAN = 4, //{{$t('清关')}}
			// CANGCHU = 5, //{{$t('仓储')}}
			// ZHUANGXIE = 6, //{{$t('装卸')}}
			requireList: [
				{
					src: '/static/icon/car.png', //运输
					key: 1,
					name: this.$t('运输'),
				},
				{
					src: '/static/icon/excavator.png', //报关图
					key: 2,
					name: this.$t('报关'),
				},
				{
					src: '/static/icon/twoWay.png', //转关图
					key: 3,
					name: this.$t('转关'),
				},
				{
					src: '/static/icon/seal.png', //清关图
					key: 4,
					name: this.$t('清关'),
				},
				{
					src: '/static/icon/home.png', //仓储
					key: 5,
					name: this.$t('仓储'),
				},
				{
					src: '/static/icon/cart.png', //装卸
					key: 6,
					name: this.$t('装卸'),
				}
			]
		}
	},
	methods: {

	}
}
</script>

<style>
.logo {
	width: 44rpx;
	height: 44rpx;
	margin-left: 20rpx;
	margin-top: 0;
	vertical-align: middle;
}




</style>
